﻿body
{
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}



#pnlMain 
{
	position:absolute; 
	left:0; 
	top:0; 
	z-index:5000;
	border-style: none;
	background-color: #fff;
	overflow:hidden;
	margin:0;
	background-color:#ece9d8;
}

/*------------ pnlScriptList -------------- */
#pnlScriptList 
{ 
	width:19.7%; 
	height: 100%;
	border-style: none; 
	clear:left; 
	float:left; 
	text-align:left; 
	overflow:auto;
	margin:0;
	background-color:#fff;
}
.cmd-container { margin:0; padding:5px; background-color:#eee;}
.cmd {color:#2a7fff; font-size:1.2em; font-weight:bold; font-family:Arial;padding:0 6px; vertical-align:middle;cursor:pointer;
	text-decoration:underline;}
.branding {font-style:italic;color:#666;font-size:0.9em;}

ul.script-coll {padding:5px;margin:0;}
li.script-item {font-family:Verdana,Arial;color:#000;list-style-type:none;padding:2px;cursor:pointer;}
.script-name{font-size:1.2em;cursor:pointer;}
.triggerProp{ cursor:pointer; color:blue;visibility:hidden;font-size:1.1em;}
.triggerDelete{ cursor:pointer; color:blue;visibility:hidden;font-size:1.1em;}
li.script-item:hover { background-color:#f8f8f8;}
li.script-item:hover .triggerProp { visibility:visible;}
li.script-item:hover .triggerDelete { visibility:visible;}

#pnlEditor 
{
	width:79.7%; 
	height: 100%;
	border-style: none; 
	float:left;
	overflow:hidden;
	margin:0;
	background-color:#fff;
	
}

/*-----------   dlgScriptProperties ---------------*/
#dlgScriptProperties
{
    width: 400px;
    margin-left: -200px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    overflow:hidden;
}

.dlg-title-block {
    background-color: #006;
    padding: 4px 4px 4px 4px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
}
.dlg-title-text 
{
	padding: 0 4px;
    font-size: 1.1em;
    font-family: Verdana,Arial,sans-serif;
    font-weight:bold; color:#fff;
    text-align:center; vertical-align:middle;
    width:100%; display:block;
}
.dlg-content-block{
max-height: 400px; overflow:auto;
background-color: #f8f8f8;border: 1px none #ddd;
padding: 15px; float:none;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    
}

.dlg-button-block { vertical-align:middle; padding: 5px 15px 0 15px;}

/*========= Forms =========*/

fieldset.cssform {
margin: 0;
padding: 3px;
width:100%;
overflow:hidden; background-color:#f8f8f8;
border-style: none;
/*border-top: 1px solid #edd;*/
}
fieldset.cssform ol { padding: 1em 1em 0 1em; margin: 0;}
fieldset.cssform ol li { list-style-type: none; padding-bottom: 0.5em; margin: 0;}
fieldset.cssform legend {font-weight:bold; font-size: 1.2em; margin-left:0.5em;display:none;}
fieldset.cssform ol li label 
{
	color:#069; 
	font-size: 1.2em;
	font-weight:normal;
	font-family:Verdana,Arial,sans-serif;
	display:block;
}
fieldset.cssform ol li label.choice-label 
{
	display:inline; 
	float:none; 
	width:auto;
	font-weight:normal;
	font-family:Verdana,Arial,sans-serif;
	background:transparent;
	color: #000;
}
fieldset.cssform ol li label.error 
{
	display:none;
	float:left;
	width:20em;
	font-weight:normal;
	font-family:Verdana,Arial,sans-serif;
	color: red; 
	margin-left:3em; 
	margin-bottom:0.7em;
	text-align:left;
}

fieldset.TopLabel label { display: block; }

fieldset.left-label { float:left; }
fieldset.left-label ol li { float:left; clear:left; width: 99%;}
fieldset.left-label ol li label { display:block; float:left; width: 10em; margin: 0 0.5em 0 0;}

fieldset.right-align ol li label { text-align:right;}
div.fieldElement { float:left; width:400px;}

/*-----------   dlgScriptProperties ---------------*/
#dlgAbout
{
    width: 350px;
    margin-left: -150px;
    text-align:center;
}

.brand-text-title { font-size:2.4em;font-weight:bold;font-family:Verdana;color:#000;text-align:center;padding:5px 0;}
.brand-text-medium { font-size:1.6em;font-weight:bold;font-family:Arial;color:#000;text-align:center;padding:5px 0;}
.brand-text-small{ font-size:1.2em;font-weight:normal;font-family:sans-serif;color:#000;text-align:center;padding:5px 0;}
#txtLicense{background-color:#E8E8E8; color:#000;font-family:sans-serif;font-size:1.1em; width:100%;}

#pnlFeedback
{
    position:absolute;
    left:255px;
    top:5px;
    display:none;
    background-color:#fe4;
    color:#000;
    font-weight:bold;
    font-size:1.2em;
    font-family:Arial;
    z-index:1000000;
    padding: 3px;
}


/*--------------- jqModal and jqDnR ---------------*/
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    background-color: transparent;
    border: 2px none #666;
    left: 50%;
    z-index:10000;
}

.jqmOverlay { background-color: #000;z-index:9999; }
.jqmClose{ cursor:pointer;}
.jqDrag {  cursor: move;}

.jqResize {
   width: 15px;
   position: absolute;
   bottom: 0;
   right: 0;
   cursor: se-resize;
}

.jqDnR {
    z-index: 3;
    position: relative;
    width: 180px;
    font-size: 0.77em;
    color: #618d5e;
    margin: 5px 10px 10px 10px;
    padding: 8px;
    background-color: #EEE;
    border: 1px solid #CCC;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(10 * (document.documentElement.clientHeight || document.body.clientHeight) / 100) + 'px');
}

